<template>
  <div class="container">
    <div>{{ name }}</div>
    <filmItemList :getData="getNowPlayingFilmList" />
  </div>
</template>

<script>
import { getNowPlayingFilmList } from '@/api/filmApi'
import filmMixin from '@/mixins/filmMixin'
import { mapState } from 'vuex'
export default {
  mixins: [filmMixin],
  data() {
    return {
      getNowPlayingFilmList
    }
  },
  computed: {
    ...mapState('city', ['name', 'id'])
  }
}
</script>

<style lang="scss" scoped>
.container {
  background: #fff;
  padding-bottom: 50px;
}
</style>
